Fitts's Law and Its Applications in UX菲茨定律及其在使用者體驗中的應用
菲茨定律(Fitts's Law)指出,到達目標所需的時間取決於目標的大小和與目標的距離。這一規律對人機互動和UX設計有重要啟示。
菲茨定律的歷史背景
保羅·菲茨(Paul Fitts)
- 菲茨是二戰時期研究飛機駕駛艙設計的心理學家。他發現,許多被歸因於“人為錯誤”的事故實際上源於設計缺陷。
- 20世紀50年代,受資訊理論啟發,菲茨研究了人類動作的頻寬,即一定時間內可完成的重複動作數量。
- 透過實驗,他提出了菲茨定律,這成為人機互動領域的重要理論之一。
菲茨定律的核心內容
菲茨定律公式描述了指標(如滑鼠、手指或手)的移動時間與目標的大小和距離之間的關係:

- T: 移動時間
- D: 目標距離
- W: 目標寬度(沿移動方向測量)
- a 和 b: 常數,取決於指標的型別
公式的直觀含義:
- 距離越遠,時間越長:更近的目標更容易獲取。
- 目標越大,時間越短:更大的目標更容易點選或觸碰。
兩階段運動模型
背景
- 在19世紀末,R.S. Woodworth提出了目標導向運動的兩階段模型:
- 初始快速運動:將指標快速移動至目標方向。
- 最終精確調整:減速以確保精準點選目標。
關鍵點
- 初始運動主要由目標距離驅動。
- 精確調整階段受目標大小影響,目標越小需要越多時間。
菲茨定律在UX設計中的應用

大目標更好:較大的目標減少錯誤率,提高點選速度。新增標籤(如文字描述)可以增加目標面積,使其更易點選。

螢幕邊緣的無限目標:在滑鼠驅動介面中,螢幕邊緣目標的實際大小是無限的(如MacOS的頂部選單)。使用者無需擔心“越界”,因此可快速到達目標。



避免目標過於密集:若目標過於靠近,使用者可能誤觸錯誤目標。適當增加目標間距以提高可用性。

最佳化目標距離
選單設計:
- 線性選單:將最常用選項置於靠近選單手柄的位置。
- 矩形選單:透過多方向排列選項降低平均距離。
- 餅圖選單:所有選項距選單手柄等距,但因使用者不熟悉此設計,應用較少。

按鈕佈局:
- 將相關按鈕靠近佈局,如提交按鈕應與表單最後一項相鄰。
- 避免將按鈕放置在頂部遠離使用者操作流程的位置。



例項解析
MacOS與Windows的邊緣最佳化:
- MacOS將應用選單放置在頂部邊緣,最佳化了訪問時間。
- Windows將工作列置於底部邊緣,同樣利用了無限目標的特性。
移動端的表單按鈕設計:
- 不良示例:將儲存按鈕放置在頁面頂部,增加了使用者的移動時間。
- 良好示例:將主要操作按鈕放置在表單底部,靠近使用者的最後輸入位置。
菲茨定律為UX設計提供了關鍵指導:
- 增大目標尺寸以提高點選效率。
- 將目標放置在距離使用者上一步操作最近的位置。
透過結合菲茨定律和兩階段運動模型,設計師可以最佳化使用者介面,使互動更加高效直觀。



